export default {
  // 为当前模块开启命名空间
  namespaced: 'true',
  
  // 模块 store 的数据
  state: () => ({
    // 购物车的数据 用来存储购物车每个商品的信息对象
    // 每个商品的信息对象都包含以下几点
    // { goods_id,goods_name,goods_price,goods_count,goods_small_logo,goods_state}
    // 将数据转为数组模式
    cart: JSON.parse(uni.getStorageSync('cart') || '[]')
  }),
  
  // 模块中的mutations 方法
  mutations: {
    addTocart(state, goods) {
       // 根据提交的商品的Id，查询购物车中是否存在这件商品
       // 如果不存在，则 findResult 为 undefined；否则，为查找到的商品信息对象
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      // console.log(findResult)
      if (!findResult) {
       // 如果购物车没有这个商品 则直接push
       state.cart.push(goods)
      } else {
        // 如果购物车中有这件商品，则只更新数量即可
        findResult.goods_count ++
      }
      // console.log(state.cart)
      // 使用commit方法 调用m_cart命名空间下的seveToStoreage方法
      this.commit('m_cart/seveToStoreage')
    },
    updataGoodsState(state, goods) {
      // 根据 goods_id 查询购物车中对应商品的信息对象
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      if (findResult) {
         // 更新对应商品的勾选状态
        findResult.goods_state = goods.goods_state
        // 持久化存储到本地
        this.commit('m_cart/seveToStoreage')
      }
    },
    // 更新购物车中商品的数量
    updataGoodsCount(state, goods) {
       // 根据 goods_id 查询购物车中对应商品的信息对象
       const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
       
       if(findResult) {
         // 更新对应商品的数量
         findResult.goods_count = goods.goods_count
         // 持久化存储到本地
         this.commit('m_cart/seveToStoreage')
       }
    },
    // 实现滑动删除功能
    removeGoodsById(state, goods) {
      // 调用数组的filter方法对数据经行过滤 过滤掉那些不符合条件的数据
      state.cart = state.cart.filter(x => x.goods_id !== goods.goods_id)
      
      // 持久化到本地存储中
      this.commit('m_cart/seveToStoreage')
    },
    
    // 将购物车的数据持久化存储到本地中
    seveToStoreage(state) {
      // 存储 key : value
      uni.setStorageSync('cart', JSON.stringify(state.cart))
    },
    updateAddGoodsStore(state, newState) {
      // 循环更新购物车商品列表中的勾选状态
      state.cart.forEach(x => x.goods_state = newState)
      
      // 持久化存储到本地中
      this.commit('m_cart/seveToStoreage')
    }
  },
  
  // 模块中的getters 属性
  getters: {
    // 统计购物车商品的总数量
    total(state) {
      //循环统计商品的数量，累加到变量 c 中
      let c = 0
      state.cart.forEach(goods => c += goods.goods_count)
      return c
      
      // return state.cart.reduce((total, item) => total += item.goods_count, 0)
    },
    // 购物车中已勾选的总数量
    checkedCount(state) {
      // 先使用 filter 方法，从购物车中过滤已勾选的商品
      // 在使用 reduce 方法，将已勾选的商品数量进行累加
      // reduce() 的返回值就是已勾选的累加数量
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count, 0)
    },
    // 已勾选商品的总价格
    checkedGoodsAmount(state) {
     return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count * item.goods_price, 0).toFixed(2)
    }
  }
}